<!DOCTYPE html>
<html class="am-touch js cssanimations">
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <title>订单状态</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
    <meta name="renderer" content="webkit" />
    <link rel="icon" type="image/png" href="../assets/i/favicon.png" />
    <link rel="stylesheet" href="../assets/css/amazeui.min.css" />
    <link rel="stylesheet" href="../assets/css/app2.css" />
    <link rel="stylesheet" href="../assets/css/icon2.css"/>
    <style type="text/css">
        p{margin: 0;}
        ul, li{padding: 0;margin: 0;list-style: none}
        .products-list ul li{color: #808080;font-size: 14px;padding: 0 15px}
        .numLi p span{width: 100%;display: block;height: 25px;color: #000000;font-weight: bold;}
        .numLi p span b{color: #e81616;}
        [class*=am-u-]{padding: 0;}
        p.txt{width: 100%;height: 35px;line-height:35px;padding:0 20px;font-size:1.4rem;background-color: #FFFFFF;border: 1px solid #e8e8e8; border-radius: 5px;}
        p.txt b, .green{font-weight: normal;color: #09bb07}
        .tips{display: block;text-align: center;color: #bebebe;padding: 5px 0;}
        .ti{color: #000000}
        .help{width: 100%; display: block; text-align: center;margin-top: 30px;}
        .btn-help{background-color: #ffffff;border: #dedfe0;padding: 10px 20px; color: #a6a6a6;border-radius: 5px;}
        hr{margin: 0;}
    </style>
</head>
<body style="background-color: #f3f3f7;">
<div style="position: absolute;width: 100%;padding: 10px 10px 0;">
    <p class="txt">
        <span class="am-fl">订单状态：<b>等待接单</b></span>
        <span class="am-fr">预计<b>15分钟</b>后到达</span>
    </p>
</div>

<div style="display: block">
    <img src="../assets/i/examples/map4.png" alt=""/>
</div>

<div class="products-list">
    <ul>
        <li class="add">
            <span class="am-fl ti">车辆位置：</span>
            <span>南山区南海大道南段</span>
            <span class="am-fr green">(2.1km)</span>
        </li>
    </ul>
</div>

<div class="tips am-text-sm">本服务由快快官方合作伙伴<b style="color: #e60012; font-size: 1.6rem;">中国平安</b>承保</div>

<div class="products-list" style="border-top:1px solid #d2d2d2;">
    <ul>
        <li class="add">
            <span class="am-fl ti">约定送车时间</span>
            <span class="am-fr">2015-06-06   18:00</span>
        </li>
        <li class="change">
            <span class="am-fl ti">订单详情</span>
            <span class="am-fr">
                <i class="ui-fonts icon-chevron-right am-fr right ">&#xe601;</i>
            </span>
        </li>
    </ul>
</div>

<div class="help">
    <button class="btn-help am-text-sm">计费规则</button>
</div>
<script src="../assets/js/jquery.min.js" type="text/javascript"></script>
<script src="../assets/js/amazeui.js" type="text/javascript"></script>
</body>
</html>